<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link type="text/css" href="../CSSFile/index.css" rel="stylesheet">
</head>
<body>
<div id="mySidenav" class="sidenav">
    <a href="javascript:void(0)" class="closebtn" onclick="closeNav()">&times;</a>
    <a href="#">About</a>
    <a href="#">Services</a>
    <a href="#">Clients</a>
    <a href="#">Contact</a>
</div>

<h2>全屏幕侧边栏</h2>
<p>点击以下菜单图标打开侧边栏</p>
<span style="font-size:30px;cursor:pointer" onclick="openNav()">&#9776; 打开</span>
<script type="text/javascript" src="../JavaScriptFile/index.js" rel="script"></script>
</body>
</html>